<template>
	<view class="warp">
		<view class="head">
			<image class="img" src="/static/activityList/left.png" @click="back" mode=""></image>
			<view class="haedName">
				活动详情
			</view>
			<image class="img" src="/static/activityList/share.png" mode=""></image>
		</view>
		<view class="content">
			<image src="/static/activityList/img.png" class="school_img" mode=""></image>
			<view class="title">
				辽宁大学校友会联谊
			</view>
			<view class="num">
				仅限校友报名 已报名：60人
			</view>
			<view class="school">
				<image src="/static/activityList/logo.png" class="school_img" mode=""></image>
				<view class="school_right">
					<view class="school_title">
						辽宁大学校友会
					</view>
					<view class="school_text">
						<view>
							发起人：指导员
						</view>
						<view>
							活动费用：<text class="price">25元</text>
						</view>
					</view>
				</view>
			</view>
			<view class="time">
				<view class="name">
					活动时间
				</view>
				<view class="text">
					2022-04-30 14:00 至 2022-04-30 21:00
				</view>
			</view>
			<view class="time">
				<view class="name">
					活动时间
				</view>
				<view class="text">
					2022-04-30 14:00 至 2022-04-30 21:00
				</view>
			</view>
			<view class="time">
				<view class="name">
					活动时间
				</view>
				<view class="text">
					2022-04-30 14:00 至 2022-04-30 21:00
				</view>
			</view>
			<view class="time">
				<view class="name">
					报名时间
				</view>
				<view class="text">
					2022-04-20 00:00 至 2022-04-28 00:00
				</view>
			</view>
			<view class="time">
				<view class="name">
					活动地点
				</view>
				<view class="text">
					辽宁省沈阳市皇姑区崇山中路66号
				</view>
			</view>
			<view class="time">
				<view class="name">
					联系方式
				</view>
				<view class="text">
					滕文轩 13864619880
				</view>
			</view>
			<view class="details">
				<view class="name">
					活动详情
				</view>
				<view class="text">
					本活动仅为大家提供相识平台，现场如有任何需要透露个人信息的情况，皆为自愿行为，请各位结合自身情况，决定是否参加。
				</view>
			</view>
		</view>
		<view class="footer">
			<view class="btn">
				立即报名
			</view>
		</view>
	</view>
</template>
<script>
	import request from '@/request/index.js'
	import noActivity from '@/componets/noActivity.vue'
	import EventRegistration from '@/componets/eventRegistration.vue'
	export default {
		data(){
			return {
				list:[
					{
						data: '2023年4月',
						id: '1',
						list:[{
							img: '',
							title: '辽宁大学校友会联谊',
							text: '辽宁校友会',
							time: '2022-04-28 18:00至 2022-04-28 21:00',
							type: 1
							}]
						},{
							data: '2023年3月',
							id: '2',
							list: [{
								img: '',
								title: '校友之家捐书活动',
								text: '辽宁校友会',
								time: '2022-04-28 18:00至 2022-04-28 21:00',
								type: 2
							},{
								img: '',
								title: '辽宁大学迎新会',
								text: '辽宁校友会',
								time: '2022-04-28 18:00至 2022-04-28 21:00',
								type: 3
							}]
						}
				]
			}
		},
		onLoad(){
			this.getList()
		},
		methods:{
			back(){
				uni.navigateBack()
			},
			getList(){
			}
		}
	}
</script>

<style lang="scss" scoped>
	.warp {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		background: #F6F6F6;
	}
	.head{
		width: 100vw;
		height: 88rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		position: fixed;
		top: 0;
		left: 0;
		padding-right: 32rpx;
		box-sizing: border-box;
		font-size: 36rpx;
		color: #353535;
		background: #fff;
		z-index: 111;
		.img{
			width: 48rpx;
			height: 48rpx;
		}
	}
	.content{
		padding: 88rpx 0 180rpx 0;
		.school_img{
			width: 100%;
		}
		.title{
			font-size: 32rpx;
			padding: 20rpx;
			box-sizing: border-box;
		}
		.num{
			font-size: 24rpx;
			padding: 0 20rpx 20rpx 20rpx;
			box-sizing: border-box;
			border-bottom: 2rpx solid #F6F6F6;
		}
		.school{
			width: 100%;
			padding: 20rpx;
			box-sizing: border-box;
			display: flex;
			align-items: center;
			justify-content: space-between;
			border-bottom: 2rpx solid #F6F6F6;
			.school_img{
				width: 88rpx;
				height: 88rpx;
			}
			.school_right{
				flex: 1;
				padding-left: 20rpx;
				.school_title{
					font-size: 28rpx;
				}
				.school_text{
					font-size: 24rpx;
					color: #666666;
					display: flex;
					align-items: center;
					justify-content: space-between;
				}
				.price{
					color: #275BA8
				}
			}
		}
		.time{
			padding: 20rpx;
			box-sizing: border-box;
			display: flex;
			align-items: center;
			justify-content: space-between;
			border-bottom: 2rpx solid #F6F6F6;
			.name{
				font-size: 28rpx;
			}
			.text{
				flex: 1;
				padding-left: 20rpx;
				font-size: 28rpx;
			}
		}
		.details{
			padding: 20rpx;
			font-size: 28rpx;
			.text{
				margin-top: 20rpx;
			}
		}
	}
	.footer{
		height: 160rpx;
		background: #FFFFFF;
		box-shadow: 0rpx -4rpx 12rpx 0rpx rgba(140,140,140,0.302);
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		width: 100%;
		position: fixed;
		bottom: 0;
		left: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		.btn{
			width: 710rpx;
			height: 80rpx;
			background: url(/static/activityList/red.png);
			background-size: 100% 100%;
			line-height: 80rpx;
			text-align: center;
			color: #fff;
			font-size: 32rpx;
		}
	}
</style>